// import dotenv from 'dotenv'
// dotenv.config()
import { createApp } from 'vue'
import 'animate.css'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import { Popover } from 'bootstrap';
import App from './App.vue'
import router from './router'
import 'bootstrap/dist/css/bootstrap.min.css'
import Header from "@/pages/Layout/organisms/Header.vue";
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/free-solid-svg-icons'
import 'sweetalert2/dist/sweetalert2.min.css';
import {far} from "@fortawesome/free-regular-svg-icons";
library.add(fas, far)


const app = createApp(App)
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
app.use(pinia)
app.use(router)

app.component('Header',Header)
app.component('font-awesome-icon', FontAwesomeIcon)

app.mount('#app')
document.querySelectorAll('[data-bs-toggle="popover"]')
    .forEach(popover => {
        new Popover(popover)
    })
